<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    
    <title>REWORK - Responsive HTML Template Preview - Themeforest</title>
    
    <meta name="description" content="" />
    <meta name="author" content="" />
    
    <link rel="stylesheet" href="./css/style.css" media="screen" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700" />
    <link rel="stylesheet" href="./css/flexslider.css" media="screen" />

    <script src="./js/jquery-1.7.2.min.js"></script>
    <script src="./js/jQuery.BlackAndWhite.min.js"></script>
    <script src="./js/jquery.easing-1.3.min.js"></script>
    <script src="./js/jquery.flexslider-min.js"></script>
    <script src="./js/jquery.isotope.min.js"></script>
    <script src="./js/jquery.jcarousel.min.js"></script>
    <script src="./js/jquery.touchSwipe.min.js"></script>
    <script src="./js/respond.min.js"></script>
    <script src="./js/selectnav.min.js"></script>
    <script src="./js/custom.js"></script>
    <script type="text/javascript" src="http://rework.reworkmedia.net/[JS library]"></script>
    <!--[if (gte IE 6)&(lte IE 8)]>
      <script type="text/javascript" src="./js/selectivizr-min.js"></script>
      <noscript><link rel="stylesheet" href="http://rework.reworkmedia.net/[fallback css]" /></noscript>
    <![endif]-->

    <script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-32209063-3']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>

<!-- Main Container -->
<div id="body-wrapper">

    <!-- Header -->
    <div id="header" class="container clearfix">

        <a href="./index.html" id="logo"><img src="./images/logo.png" alt="" /></a>

        <!-- Navigation -->
        <ul id="navigation">
            <li>
                <a href="./index.html">Home</a>
                <ul>
                    <li><a href="./homepage_v2.html">Simple Version</a></li>
                </ul>
            </li>
            <li>
                <a href="./about.html">Features</a>
                <ul>
                    <li><a href="./about.html">About Us</a></li>
                    <li><a href="./services.html">Services</a></li>
                    <li><a href="./pricing_tables.html">Pricing Tables</a></li>
                    <li><a href="./blog_v2.html">Third Level Item<i></i></a>
                        <ul>
                            <li><a href="./blog_v2.html">This is a simple example</a></li>
                            <li><a href="./blog_v2.html">Of the third level</a></li>
                            <li><a href="./blog_v2.html">Navigation item</a></li> 
                        </ul>
                    </li>
                    <li><a href="./shortcodes.html">Shortcodes</a></li>
                </ul>
            </li>
            <li class="current">
                <a href="./blog.html">Blog</a>
                <ul>
                    <li><a href="./blog_post.html">Single Post</a></li>
                    <li><a href="./blog_v2.html">Alternative Version</a></li>
                </ul>
            </li>
            <li>
                <a href="./portfolio_4_col.html">Portfolio</a>
                <ul>
                    <li><a href="./portfolio_2_col.html">2 Columns</a></li>
                    <li><a href="./portfolio_3_col.html">3 Columns</a></li>
                    <li><a href="./portfolio_4_col.html">4 Columns</a></li>
                    <li><a href="./portfolio_details.html">Single Project</a></li>
                    <li><a href="./portfolio_v2.html">Alternative Version</a></li>
                </ul>
            </li>
            <li>
                <a href="./contact.html">Contact</a>
            </li>
        </ul>
        <!-- /Navigation -->
        
    </div>
    <!-- /Header -->


    <!-- Content -->
    <div id="content" class="container clearfix">

        <h1 class="page-title-inner"><span class="section-title">Blog</span> Amazing things that<br /> bring <span class="accent">positive results</span></h1>

        <!-- Post Feed -->
        <div class="post-block one-third">
            <div class="post-entry">
                <a href="./blog_post.html"><h2>Destructive Photoshop Techniques</h2></a>
                <p>Mauris pretium, metus eget porta dictum, mauris ipsum imperdiet erat, aliquam rhoncus mauris justo vehicula tellus. Vestibulum purus libero, tincidunt hendrerit tincidunt.</p>
            </div>
            <a href="./blog_post.html"><div class="bw-wrapper"><img src="./images/content/blog_post_alt_01.jpg" alt="" /></div></a>
            <div class="post-meta">
                <a href="./blog_post.html" class="link">Read More</a>
                <a href="./blog_v2.html" class="comments">Comments (10)</a>
            </div>
        </div>
        <div class="post-block one-third">
            <div class="post-entry">
                <a href="./blog_post.html"><h2>Publish What You Learn</h2></a>
                <p>Mauris pretium, metus eget porta dictum, mauris ipsum imperdiet erat, aliquam rhoncus mauris justo vehicula tellus. Vestibulum purus libero, tincidunt hendrerit tincidunt.</p>
            </div>
            <a href="./blog_post.html"><div class="bw-wrapper"><img src="./images/content/blog_post_alt_02.jpg" alt="" /></div></a>
            <div class="post-meta">
                <a href="./blog_post.html" class="link">Read More</a>
                <a href="./blog_v2.html" class="comments">Comments (10)</a>
            </div>
        </div>
        <div class="post-block one-third last">
            <div class="post-entry">
                <a href="./blog_post.html"><h2>Redesigning With Personality</h2></a>
                <p>Mauris pretium, metus eget porta dictum, mauris ipsum imperdiet erat, aliquam rhoncus mauris justo vehicula tellus. Vestibulum purus libero, tincidunt hendrerit tincidunt.</p>
            </div>
            <a href="./blog_post.html"><div class="bw-wrapper"><img src="./images/content/blog_post_alt_03.jpg" alt="" /></div></a>
            <div class="post-meta">
                <a href="./blog_post.html" class="link">Read More</a>
                <a href="./blog_v2.html" class="comments">Comments (10)</a>
            </div>
        </div>

        <div class="clear"></div>
        
        <div class="post-block  one-third">
            <div class="post-entry">
                <a href="./blog_post.html"><h2>Building Emotion Into Your Website</h2></a>
                <p>Mauris pretium, metus eget porta dictum, mauris ipsum imperdiet erat, aliquam rhoncus mauris justo vehicula tellus. Vestibulum purus libero, tincidunt hendrerit tincidunt.</p>
            </div>
            <a href="./blog_post.html"><div class="bw-wrapper"><img src="./images/content/blog_post_alt_04.jpg" alt="" /></div></a>
            <div class="post-meta">
                <a href="./blog_post.html" class="link">Read More</a>
                <a href="./blog_v2.html" class="comments">Comments (10)</a>
            </div>
        </div>
        <div class="post-block one-third">
            <div class="post-entry">
                <a href="./blog_post.html"><h2>Manage Events Like A Pro With WordPress</h2></a>
                <p>Mauris pretium, metus eget porta dictum, mauris ipsum imperdiet erat, aliquam rhoncus mauris justo vehicula tellus. Vestibulum purus libero, tincidunt hendrerit tincidunt.</p>
            </div>
            <a href="./blog_post.html"><div class="bw-wrapper"><img src="./images/content/blog_post_alt_05.jpg" alt="" /></div></a>
            <div class="post-meta">
                <a href="./blog_post.html" class="link">Read More</a>
                <a href="./blog_v2.html" class="comments">Comments (10)</a>
            </div>
        </div>
        <div class="post-block one-third last">
            <div class="post-entry">
                <a href="./blog_post.html"><h2>Weird And Wonderful, Yet Still Illegible</h2></a>
                <p>Mauris pretium, metus eget porta dictum, mauris ipsum imperdiet erat, aliquam rhoncus mauris justo vehicula tellus. Vestibulum purus libero, tincidunt hendrerit tincidunt.</p>
            </div>
            <a href="./blog_post.html"><div class="bw-wrapper"><img src="./images/content/blog_post_alt_06.jpg" alt="" /></div></a>
            <div class="post-meta">
                <a href="./blog_post.html" class="link">Read More</a>
                <a href="./blog_v2.html" class="comments">Comments (10)</a>
            </div>
        </div>
        <!-- /Post Feed -->

        <div class="clear"></div>

        <!-- View More Work -->
        <div class="post-more">
            <a href="./blog_v2.html">
                View more
                <span class="arrow"></span>
            </a>
        </div>
        <!-- /View More Work -->

    </div>
    <!-- /Content -->

    <!-- Footer -->
    <div id="footer">
        <div class="container clearfix">

            <!-- About -->
            <div class="one-fourth">
                <a href="./index.html" class="logo"><img src="./images/logo_footer.png" alt="" /></a>
                <p>Proin fermentum sollicitudin ante, sed tempor eros molestie id. Donec volutpat odio eu mi imperdiet nec laoreet diam venenatis. Nunc ac purus aliquet mauris interdum accumsan.</p>
            </div>
            <!-- /About -->

            <!-- Twitter Feed -->
            <div class="one-fourth">
                <h5>Latest Tweets</h5>
                <div class="twitter-feed">
                    <p>
                        12 Outstanding Videos That Make Good Creative Use of AudioJungle Tracks <a href="./blog_v2.html">http://t.co/7USabnpS</a>
                        <span class="tweet-time">7 hours ago</span>
                    </p>
                    <p>
                        Farewell Envato – I Will Miss You! <a href="./blog_v2.html">http://t.co/ommJTJgp</a>
                        <span class="tweet-time">Sep 5 (1 day ago)</span>
                    </p>
                </div>
            </div>
            <!-- /Twitter Feed -->

            <!-- Contacts -->
            <div class="one-fourth">
                <h5>Contact Details</h5>
                <p class="address">3200 Sepulveda Blvd. <br />Manhattan Beach, CA 90266, USA</p>
                <p class="phone">Phone: (415) 124-5678 <br />Fax: (415) 124-5678</p>
                <p class="email">support@reworkmedia.com</p>
            </div>
            <!-- /Contacts -->

            <!-- Photo Stream -->
            <div class="one-fourth last">
                <h5>Photo Stream</h5>
                <ul class="photo-stream">
                    <li><a href="./blog_v2.html"><img src="./images/content/photo_stream_01.jpg" alt="" /></a></li>
                    <li><a href="./blog_v2.html"><img src="./images/content/photo_stream_02.jpg" alt="" /></a></li>
                    <li><a href="./blog_v2.html"><img src="./images/content/photo_stream_03.jpg" alt="" /></a></li>
                    <li><a href="./blog_v2.html"><img src="./images/content/photo_stream_04.jpg" alt="" /></a></li>
                    <li><a href="./blog_v2.html"><img src="./images/content/photo_stream_05.jpg" alt="" /></a></li>
                    <li><a href="./blog_v2.html"><img src="./images/content/photo_stream_06.jpg" alt="" /></a></li>
                    <li><a href="./blog_v2.html"><img src="./images/content/photo_stream_07.jpg" alt="" /></a></li>
                    <li><a href="./blog_v2.html"><img src="./images/content/photo_stream_08.jpg" alt="" /></a></li>
                </ul>
            </div>
            <!-- /Photo Stream -->

        </div>

        <div class="clear"></div>

        <div class="info container clearfix">

            <!-- Copyright -->
            <ul class="copyright">
                <li>© 2012 REWORK MEDIA. All rights reserved</li>
                <li><a href="./blog_v2.html">Legal Notice</a></li>
                <li><a href="./blog_v2.html">Terms & Conditions</a></li>
            </ul>
            <!-- /Copyright -->

            <!-- Social Links -->
            <ul class="social-links">
                <li class="twitter"><a href="./blog_v2.html">Twitter</a></li>
                <li class="facebook"><a href="./blog_v2.html">Facebook</a></li>
                <li class="linkedin"><a href="./blog_v2.html">LinkedIn</a></li>
                <li class="digg"><a href="./blog_v2.html">Digg</a></li>
                <li class="vimeo"><a href="./blog_v2.html">Vimeo</a></li>
            </ul>
            <!-- /Social Links -->

        </div>
    </div>
    <!-- /Footer -->

</div>
<!-- /Main Container -->

</body>
</html>